﻿<template>
    <div class="common_card" v-show="fade">
       <common_card_header :first="card_header_f" :sec="card_header_sec"></common_card_header>
       <card_w :top="card_sec_msg_t" :bot="card_sec_msg_b"></card_w>
       <sel_w  :sel_w_data="sel_w_data"></sel_w>
       <div class="input_card_bottom clearfix">
        <img src="../../../static/img/ck_content.jpg" alt="" class="ck_c f_l">
        <div class="step next_step" v-on:click="next_step">
          下一步
        </div>
        <div class="step pre_step" v-on:click="pre_step">
           上一步
        </div>
       </div>
    </div>
</template>

<script>
  import {mapState, mapMutations,mapActions,mapGetters} from 'vuex';
  import common from "../../common/common.js";
  import filter from "../../filter/filter.js";
  import  common_card_header from "./common_card_header.vue" ;
  import card_w from "./common_card_w.vue";
  import sel_w from "./common_card_sel.vue";
  import { Toast, Indicator } from 'mint-ui';
  //limit_Scroll
export default {
  name: 'hello',
  data () {
    return {
        card_header_f:"给冒险者的",
        card_header_sec:"礼物",
        card_sec_msg_t:'您可以把您觉得好或者漂亮的东西当成<span class="change_c">礼物</span>送给“查看您的冒险卡”的<span class="change_c">冒险者</span>',
        card_sec_msg_b:'请选择下面的内容再添加图片',
        sel_w_data:'例如：这是我收藏的图片，当成礼物送给你,愿你喜欢~',
        fade:true
    }
  },
  ...mapActions([
    "thom_redirect",

  ]),

  ...mapMutations([
     "Change_certain_layer"
  ]),
  mounted: function () {


  },
  methods: {
    next_step:function () {
      this.fade = false
    },
    pre_step:function () {

    }
  },
  components: {
    common_card_header,
    card_w,
    sel_w
  }
}
</script>
<style scoped lang="scss">
  @import "../sass/common_card.scss";
  @import "../sass/ani.scss";
  .select_span{
    line-height: tovw(40);
  }


</style>
